<template>
    <vue-particles color="#fff"
                   :particleOpacity="0.7"
                   :particlesNumber="100"
                   shapeType="circle"
                   :particleSize="4"
                   linesColor="#fff"
                   :linesWidth="1"
                   :lineLinked="true"
                   :lineOpacity="0.4"
                   :linesDistance="150"
                   :moveSpeed="2"
                   :hoverEffect="true"
                   hoverMode="grab"
                   :clickEffect="true"
                   clickMode="push" class="particles-js"/>
</template>

<script>
  export default {
    name: "particles"
  }
</script>

<style scoped>
  .particles-js
  {
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    z-index: -99;
  }
</style>
